<template>
    <div class="header">首页</div>
    <div class="btn_box">
        <el-button @click="() => this.$router.push({ name: 'Login' })">跳转登陆</el-button>
        <el-button @click="() => this.$router.push({ name: 'game' })">跳转游戏</el-button>
        <el-button @click="() => this.$router.push({ name: 'css_style' })">测试样式</el-button>
        <el-button @click="() => this.$router.push({ name: 'wangyiyun' })">进入网易云</el-button>
        <el-button @click="() => this.$router.push({ name: 'wanggou' })">进入网购平台</el-button>
    </div>
    
</template>
<script>
export default {
    name:"index",
}
/* eslint-disable vue/multi-word-component-names */
</script>
<style scoped>
.header {
    background-color: skyblue;
    color: #fff;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.btn_box {
    text-align: center;
    margin-top: 240px;

    .el-button {
        margin: 0 50px;
    }
}
</style>